<template>
  <div class="pie-box">
    <div :id="id"></div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
export default {
  props: {
    id: String
  },
  computed: {
    ...mapGetters(['radarOption'])
  },
  mounted () {
    // 基于准备好的dom，初始化echarts实例
    var myChart = this.$echarts.init(document.getElementById(this.id))

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(this.radarOption)
  }
}
</script>

<style>
.pie-box,
.pie-box > div {
  height: 100%;
}
</style>
